<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格案例</title>
</head>
<body>
    <!-- 设置表格属性 -->
    <table align="center" width="500" height="249" border="1" cellpadding="0">
    
    <!-- thead头部区域 -->
    <thead>
        <!-- 第一行 th表头单元格-->
        <tr>
            <th>排名</th>
            <th>关键词</th>
            <th>趋势</th>
            <th>今日搜索</th>
            <th>最近七日</th>
            <th>相关链接</th>
        </tr>
    </thead>  
      <!--tbody主题区域  -->
    <tbody>
        <!-- 第二行 td普通单元格-->
        <tr>
            <td>1</td>
            <td>钢铁侠</td>
            <td><img scr="/class2/up.jpg"></td>
            <td>456</td>
            <td>123</td>
            <td><a href="#">贴吧</a><a href="#">图片</a><a href="#">百科</a></td>

        </tr>
        
        <tr>
            <td>2</td>
            <td>超级英雄</td>
            <td><img scr="/class2/down.jpg"></td>
            <td>456</td>
            <td>123</td>
            <td><a href="#">贴吧</a><a href="#">图片</a><a href="#">百科</a></td>

        </tr>

                <tr>
            <td>3</td>
            <td>芭比</td>
            <td><img scr="/class2/up.jpg"></td>
            <td>456</td>
            <td>123</td>
            <td><a href="#">贴吧</a><a href="#">图片</a><a href="#">百科</a></td>

        </tr>
    </tbody>    
        
    </table>
</body>
</html>


